<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="styles.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- DATE PICKER SCRIPT -->
<link type="text/css" href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script>
	$(function() {
		$( "#arrival1" ).datepicker();
		$( "#departure1" ).datepicker();
		$( "#arrival2" ).datepicker();
		$( "#departure2" ).datepicker();
	});
	</script>
  <!-- END DATE PICKER SCRIPT -->

<script> 
  //$(document).ready(function(){
  //$('.dashboad_wrapper tr:nth-child(odd)').addClass('alternate');
//});
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#list_table tr:nth-child(2n+1)').addClass('alternate');
});
</script>

  

<title>Buscar :: Costa Baja</title>

</head>
<body>

<div id="main_wrapper">
    	<div class="main_wrapper_margin">
        	
            <div class="admin_top_menu">
            <!--#INCLUDE FILE="sales_menu.asp"--> 
           	</div><!-- END admin_top_menu -->
             
			<h1>Buscar Costa Baja</h1>
            <div class="clear"></div>
            
            
            
            <div class="dashboad_wrapper">
              
  <form>
           <fieldset>
           	<legend>Informacion Personal</legend>
            <table cellpadding="0" width="100%">
            	
                <tr> <!-- ROW -->
                	<td width="33%">
            		<label>Nombre: </label><br />
					<input type="text" />
  					</td>
                    <td width="33%">
                    <label>Segundo Nombre: </label><br />
                    <input type="text" />
            		</td>
                    <td width="33%">
                    <label>Apellido: </label><br />
					<input type="text" />
                    </td>
                </tr><!-- END ROW -->
                
                 <tr> <!-- ROW -->
                	<td width="33%">
            <label>Ciudad: </label><br />
                <input type="text" />
  					</td>
                    <td width="33%">
                  <label>Pais: </label><br />
                <input type="text" />
            		</td>
                    <td width="33%">
                    <label>E-mail: </label><br />
					<input type="text" />
              
                    </td>
                </tr><!-- END ROW -->
                
            
                    
                <tr> <!-- ROW -->
                    <td>
           
            <label>Fecha de Llegada: </label><br />
                    <input type="text" id="arrival1" />   
            		</td>
                    <td>
	<label>Propiedad: </label><br />
            			<select>
			    		<option value="">-- Seleccionar --</option>
            			<option value="VM - Vista Mar">VM - Vista Mar</option>
                		<option value="LC - Las Colinas Resort">LC Las Colinas Resort</option>
            			</select>
            		</td>
                    <td>
             		<label>CODIGO: </label><br />
            		<input type="text" /> 
                    </td>
                 </tr><!-- END ROW -->
                 
                 <tr><!-- ROW -->
                 <td colspan="3" align="center">
                 
                 <input type="submit"  value="Buscar"/>
                 
                 </td>
                 </tr><!-- END ROW -->
           
            </table>
            
           </fieldset>
           
           </form>

	<h3>Resultados</h3>
    
    <table id="list_table" width="100%" border="0" cellspacing="0" cellpadding="5">
  <tr class="titles">
    <td>Fecha</td>
    <td>Nombre</td>
    <td>Segundo Nombre</td>
    <td>Aprellido</td>
    <td>Ciudad</td>
    <td>Pais</td>
    <td>Email</td>
      <td>&nbsp;</td>
  </tr>
  <tr>
     <td>08/20/2012</td>
    <td>Jonh</td>
    <td>Sthephen</td>
    <td>Doe</td>
    <td>Houston</td>
    <td>Estados Unidos</td>
    <td>jotnhdoe@yahoo.com</td>
    <td><a href="#">Ver Detalles</a></td>
  </tr>
  <tr>
  	<td>09/20/2012</td>
    <td>Martha</td>
    <td>Rosa</td>
    <td>Turner</td>
    <td>New Orleans</td>
    <td>Estados Unidos</td>
    <td>turner@yahoo.com</td>
    <td><a href="#">Ver Detalles</a></td>
  </tr>
  <tr>
    <td>08/20/2012</td>
    <td>Ana</td>
    <td>Maria</td>
    <td>Salinas</td>
    <td>Playa Del Carmen</td>
    <td>Mexico</td>
    <td>Grace@yahoo.com</td>
    <td><a href="#">Ver Detalles</a></td>
  </tr>
</table>
    
            
            </div><!-- .dashboad_wrapper -->
                        
    	</div><!-- END .main_wrapper_margin -->
        
	</div><!-- END #main_wrapper -->

         <!-- FOOTER -->
         
         <!--#INCLUDE FILE="costabaja_footer.asp"-->
         
         <!-- END FOOTER -->   

</body>
</html>
